<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html >
<html >
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="css/style.css"/>
  <link rel="stylesheet" href="assets/css/ace.min.css" />
  <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
  <link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
  <link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />
  <!--[if IE 7]>
  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
  <![endif]-->
  <!--[if lte IE 8]>
  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
  <![endif]-->
  <script src="js/jquery-1.9.1.min.js"></script>
  <script src="assets/js/bootstrap.min.js"></script>
  <script src="assets/js/typeahead-bs2.min.js"></script>
  <!-- page specific plugin scripts -->
  <script src="assets/js/jquery.dataTables.min.js"></script>
  <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
  <script type="text/javascript" src="js/H-ui.js"></script>
  <script type="text/javascript" src="js/H-ui.admin.js"></script>
  <script src="assets/layer/layer.js" type="text/javascript" ></script>
  <script src="assets/laydate/laydate.js" type="text/javascript"></script>
  <script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script>
  <script src="js/lrtk.js" type="text/javascript" ></script>
  <title>产品列表</title>
</head>
<body>
<div class=" page-content clearfix">
  <div id="products_style">
    <div class="border clearfix">
       <span class="l_f">
        <a href="category_add.jsp" title="添加分类" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加分类</a>
        <a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>
       </span>
       <span>${tips}</span>
    </div>
    <div class="table_menu_list clearfix" id="testIframe" style="width:100%">
      <table class="table table-striped table-bordered table-hover" id="sample-table" >
        <thead>
        <tr>
          <th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
          <th width="80px">类名编号</th>
          <th width="250px">类别名称</th>
          <th width="100px">类别图标</th>
          <th width="70px">类别状态</th>
          <th width="200px">操作</th>
        </tr>
        </thead>
        <tbody>
          <c:forEach items="${categoryList}" var="category">
            <tr>
              <td width="25px"><label><input type="checkbox" class="ace" ><span class="lbl"></span></label></td>
              <td width="80px">${category.categoryId}</td>
              <td width="250px"><u style="cursor:pointer" class="text-primary" onclick="">${category.categoryName}</u></td>
              <td width="100px"><img src="${category.categoryIcon}" height="50"/></td>
              <td class="td-status">
                <c:if test="${category.categoryStatus == 1}">
                  <span class="label label-success radius">已启用</span></td>
                </c:if>
                <c:if test="${category.categoryStatus == 0}">
                  <span class="label label-defaunt radius">已停用</span></td>
                </c:if>
              <td class="td-manage">
<%--                <a onClick="member_stop(this,'10001')"  href="javascript:;" title="停用"  class="btn btn-xs btn-success">--%>
<%--                  <i class="icon-ok bigger-120"></i>--%>
<%--                </a>--%>
                <a title="编辑" href="CategoryQueryServlet?cid=${category.categoryId}" class="btn btn-xs btn-info" >
                  <i class="icon-edit bigger-120"></i>
                </a>
                <a title="删除" href="javascript:;"  onclick="category_del(this,${category.categoryId})" class="btn btn-xs btn-warning" >
                  <i class="icon-trash  bigger-120"></i>
                </a>
              </td>
            </tr>
          </c:forEach>
        </tbody>
      </table>
    </div>
  </div>
</div>
</div>
</body>
</html>
<script>
  jQuery(function($) {
    var oTable1 = $('#sample-table').dataTable( {
      "aaSorting": [[ 1, "desc" ]],//默认第几个排序
      "bStateSave": true,//状态保存
      "aoColumnDefs": [
        //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
        {"orderable":false,"aTargets":[0,2,3,4,5,8,9]}// 制定列不参与排序
      ] } );


    $('table th input:checkbox').on('click' , function(){
      var that = this;
      $(this).closest('table').find('tr > td:first-child input:checkbox')
              .each(function(){
                this.checked = that.checked;
                $(this).closest('tr').toggleClass('selected');
              });

    });


    $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
    function tooltip_placement(context, source) {
      var $source = $(source);
      var $parent = $source.closest('table')
      var off1 = $parent.offset();
      var w1 = $parent.width();

      var off2 = $source.offset();
      var w2 = $source.width();

      if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
      return 'left';
    }
  });
  laydate({
    elem: '#start',
    event: 'focus'
  });
  $(function() {
    $("#products_style").fix({
      float : 'left',
      //minStatue : true,
      skin : 'green',
      durationTime :false,
      spacingw:30,//设置隐藏时的距离
      spacingh:260,//设置显示时间距
    });
  });
</script>
<script type="text/javascript">
  //初始化宽度、高度
  $(".widget-box").height($(window).height()-215);
  $(".table_menu_list").width($(window).width()-50);
  $(".table_menu_list").height($(window).height()-215);
  //当文档窗口发生改变时 触发
  $(window).resize(function(){
    $(".widget-box").height($(window).height()-215);
    $(".table_menu_list").width($(window).width()-50);
    $(".table_menu_list").height($(window).height()-215);
  })

  /*******树状图*******/
  var setting = {
    view: {
      dblClickExpand: false,
      showLine: false,
      selectedMulti: false
    },
    data: {
      simpleData: {
        enable:true,
        idKey: "id",
        pIdKey: "pId",
        rootPId: ""
      }
    },
    callback: {
      beforeClick: function(treeId, treeNode) {
        var zTree = $.fn.zTree.getZTreeObj("tree");
        if (treeNode.isParent) {
          zTree.expandNode(treeNode);
          return false;
        } else {
          demoIframe.attr("src",treeNode.file + ".html");
          return true;
        }
      }
    }
  };

  var zNodes =[
    { id:1, pId:0, name:"商城分类列表", open:true},
    { id:11, pId:1, name:"蔬菜水果"},
    { id:111, pId:11, name:"蔬菜"},
    { id:112, pId:11, name:"苹果"},
    { id:113, pId:11, name:"大蒜"},
    { id:114, pId:11, name:"白菜"},
    { id:115, pId:11, name:"青菜"},
    { id:12, pId:1, name:"手机数码"},
    { id:121, pId:12, name:"手机 "},
    { id:122, pId:12, name:"照相机 "},
    { id:13, pId:1, name:"电脑配件"},
    { id:131, pId:13, name:"手机 "},
    { id:122, pId:13, name:"照相机 "},
    { id:14, pId:1, name:"服装鞋帽"},
    { id:141, pId:14, name:"手机 "},
    { id:42, pId:14, name:"照相机 "},
  ];

  var code;

  function showCode(str) {
    if (!code) code = $("#code");
    code.empty();
    code.append("<li>"+str+"</li>");
  }

  $(document).ready(function(){
    var t = $("#treeDemo");
    t = $.fn.zTree.init(t, setting, zNodes);
    demoIframe = $("#testIframe");
    demoIframe.bind("load", loadReady);
    var zTree = $.fn.zTree.getZTreeObj("tree");
    zTree.selectNode(zTree.getNodeByParam("id",'11'));
  });
  /*产品-停用*/
  function member_stop(obj,id){
    layer.confirm('确认要停用吗？',function(index){
      $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="icon-ok bigger-120"></i></a>');
      $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
      $(obj).remove();
      layer.msg('已停用!',{icon: 5,time:1000});
    });
  }

  /*产品-启用*/
  function member_start(obj,id){
    layer.confirm('确认要启用吗？',function(index){
      $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="icon-ok bigger-120"></i></a>');
      $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
      $(obj).remove();
      layer.msg('已启用!',{icon: 6,time:1000});
    });
  }

  /*产品-编辑*/
  function member_edit(title,url,id,w,h){
    layer_show(title,url,w,h);
  }

  /*分类-删除*/
  function category_del(obj,id){
    layer.confirm('确认要删除当前分类吗？',function(index){
      //1.发送ajax请求到CategoryDeleteServlet，并将要删除的类别ID传递过去
      $.post("CategoryDeleteServlet",{cid:id},function(res){
        //2.对删除操作返回的结果进行处理
        if(res.code == 1000 ){
          //a.删除成功
          //移出表格中的当前行（JS处理前端效果）
          $(obj).parents("tr").remove();
          //删除成功提示
          layer.msg('分类已删除!',{
            icon:1,
            time:1000
          });
        }
        else if(res.code == 1001 ){
          //删除成功提示
          layer.msg('分类删除失败!',{
            icon:1,
            time:1000
          });
        }
      },"json");
    });
  }




  //面包屑返回值
  var index = parent.layer.getFrameIndex(window.name);
  parent.layer.iframeAuto(index);
  $('.Order_form').on('click', function(){
    var cname = $(this).attr("title");
    var chref = $(this).attr("href");
    var cnames = parent.$('.Current_page').html();
    var herf = parent.$("#iframe").attr("src");
    parent.$('#parentIframe').html(cname);
    parent.$('#iframe').attr("src",chref).ready();;
    parent.$('#parentIframe').css("display","inline-block");
    parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"});
    //parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
    parent.layer.close(index);

  });
</script>
